<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : rt_300_01K.jsp
    Description : 글로벌 사회공헌
    author Ki Min
    since 2012. 8. 13.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 13.     Ki Min     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/us/include/declare.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>현대자동차 CSR &#124; 글로벌 사회공헌</title>
<meta name="description" content="현대자동차 CSR 의 함께 움직이는 세상을 위한 글로벌 캠페인에서 어떤 활동을 하는지 소개해드립니다." />
<meta name="keywords" content="현대자동차 CSR, 세잎클로버 찾기 월드와이드. 글로벌 파란산타 캠페인, 글로벌 화이트밴드 캠페인, 글로벌 현혈 캠페인" />
<%@ include file="/WEB-INF/jsp/co/us/include/header.jspf" %>
<script type="text/javascript"> 
    function fe_viewMap(imgNm){
        $(".actGlobal img").attr("src", "/img/usr/srt/globalVolun_map_" + imgNm + ".gif");
    }
</script>
</head>
<body>
<div id="wrap">
    <!-- top -->
    <%@ include file="/WEB-INF/jsp/co/us/include/top.jsp" %>
    <!-- top -->
    <!-- container -->
    <div id="container">
        <div id="contentsWrap">
            <div id="contentsArea">
                <div class="headingArea">
                    <div class="location">
                        <a href="/ma_100_01.do">홈</a>
                        <a href="/rt_100_01.do">사회공헌</a>
                        <span>글로벌 사회공헌</span>
                    </div>
                    <h2>글로벌 사회공헌</h2>
                </div>
                <div id="contetns" class="globalVolun">
                    <h3>1. 함께 움직이는 세상을 위한 글로벌 캠페인</h3>
                    <ul class="campaignList">
                        <li class="clover">
                            <dl>
                                <dt>세잎클로버 찾기 월드와이드</dt>
                                <dd>꼭 이루고 싶었던 소원을 성취하면서 교통사고 유자녀들은 아픔과 실의를 딛고 세잎클로버를 닮은 소중한 행복을 찾아갑니다.</dd>
                            </dl>
                        </li>
                        <li class="whiteband">
                            <dl>
                                <dt>글로벌 화이트밴드 캠페인</dt>
                                <dd>빈곤과 기아로 고통 받는 사람들에게 든든한 힘이 될 수 있도록 모든 임직원이 하나된 마음으로 빈곤퇴치를 위한 따뜻한 손길을 나눕니다.</dd>
                            </dl>
                        </li>
                        <li class="bluesanta">
                            <dl>
                                <dt>글로벌 파란산타 캠페인</dt>
                                <dd>환한 웃음을 띄며 찾아온 파란 산타가 푸짐한 선물과 함께 오래도록 잊지못할 따뜻한 크리스마스의 추억을 선사합니다.</dd>
                            </dl>
                        </li>
                        <li class="blood">
                            <dl>
                                <dt>글로벌 헌혈 캠페인</dt>
                                <dd>해마다 임직원들의 자발적인 헌혈로 수많은 생명을 살리는 데 기여할 뿐 만 아니라 선진 헌혈문화를 조성하는데도 일조합니다.</dd>
                            </dl>
                        </li>
                    </ul>
 
                    <h3>2. 글로벌 참여 실적</h3>
                    <div class="actGlobal">
                        <img src="/img/usr/srt/globalVolun_map_default.gif" alt="글로벌 참여 실적" usemap="#actGlobalMap" />
                        <map name="actGlobalMap" id="actGlobalMap" title="해당 아이콘을 클릭 해 주십시오.">
                            <area shape="rect" coords="233,85,389,102" href="javascript:fe_viewMap('01');" alt="세잎클로버 찾기 월드와이드" />
                            <area shape="rect" coords="233,108,367,125" href="javascript:fe_viewMap('02');" alt="글로벌 파란산타 캠페인" />
                            <area shape="rect" coords="407,85,551,102" href="javascript:fe_viewMap('03');" alt="글로벌 화이트밴드 캠페인" />
                            <area shape="rect" coords="407,108,520,125" href="javascript:fe_viewMap('04');" alt="글로벌 헌혈 캠페인" />
                        </map>
                    </div>
 
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->

    <!-- footer -->
    <%@ include file="/WEB-INF/jsp/co/us/include/bottom.jsp" %>
    <!-- /footer -->
</div>
</body>
</html>